@charset "UTF-8";
body {
  padding-bottom: 1rem;
}
html {
  background-color: #ffffff;
}
/* public */
.f-28 {
  font-size: 0.28rem;
}
.c-fff {
  color: #fff;
}
.hidden {
  display: none;
}
/* public */
.no-content-div {
  width: 100vw;
  height: 100vh;
  padding-top: .88rem;
}
.no-content-img {
  width: 3rem;
  height: 2.19rem;
  border-radius: .06rem;
}
.no-content-text {
  margin-top: .62rem;
  font-size: .24rem;
  color: #333;
}
.content-div {
  width: 6rem;
  margin: .32rem auto;
}
.content-head-title {
  font-size: .28rem;
  color: #333;
}
.content-author-time {
  margin-top: .23rem;
  font-size: .24rem;
  color: #949494;
}
.content-author {
  color: #5a7af6
}
.content-line {
  width: 5.8rem;
  border-top: .01rem dashed #bfbfbf;
  align-self: center;
  margin-top: .13rem;
}
.content-img-div {
  align-self: center;
  margin-top: .14rem;
  background-color: #e9e9e9;
  width: 6rem;
  height: 3.2rem;
  border-radius: .06rem;
}
.content-img {
  width: 6rem;
  height: 3.2rem;
}
.no-img {
  width: 2rem;
  height: 1.6rem;
}
.content-text-div {
  width: 5.67rem;
  font-size: .24rem;
  color: #333;
  line-height: .36rem;
  margin: .46rem auto;
  text-align: center;
}






.box-4{
  width: 100vw;
  height: 1rem;
  position: fixed;
  bottom: 0;
  z-index: 999;
  box-shadow: -3px 2px 20px 0px rgba(0, 0, 0, 0.53);
  background-color: #fff;
}
.box-4 button{
  width: 5.8rem;
  height: 0.6rem;
  background-color: #5a7af6;
  box-shadow: 3px 4px 9px 2px 
  rgba(90, 122, 246, 0.45);
  border-radius: 0.3rem;
  border: none;
  outline: none;
}